<p align="center">
	<b> This month, you spent : </b> ${request.total}
</p>
<div id="barChart-month"></div>
<br/>
<% include 'transcationDisplay.gsp' %>

<script>
<%
def tagTotal = request.tagTotal
if(tagTotal != null) { 
%>
	var tagTotalData = new google.visualization.DataTable();
	tagTotalData.addColumn('string', 'Tag');
	tagTotalData.addColumn('number', 'Amount');
	tagTotalData.addRows(${tagTotal.size()});
	<%
		i = 0;
		tagTotal.each {k, v ->
			v = String.format("%.2f", v)
	%>
	    tagTotalData.setValue(<%=i %>, 0, '<%=k %>[<%=v %>]');
	    tagTotalData.setValue(<%=i %>, 1, <%=v %>);
	<%
			i++;
		}
		def height = tagTotal.size() * 40
	%>
	var tagTotalChart = new google.visualization.BarChart(document.getElementById('barChart-month'));
	tagTotalChart.draw(
		tagTotalData,
		{
			width : 800,
			height : ${height},
			is3D : true,
			title : '',
			legend: 'none',
			axisFontSize: 14, 
			legendTextStyle: {color: 'black', fontName: 'Arial', fontSize: 14}, 
			backgroundColor: {stroke:'white', fill:'white', strokeSize: 1},
			legendBackgroundColor: {stroke:'white', fill:'white', strokeSize: 0}
		});     
<% } %>

</script>